page{
  width: 100%;
  height: 100%;
}
.container{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-direction: column;
  background: #FFFFFF;
  .main{
    flex: 1;
    height: 0;
    width: 100%;
    padding: 10rpx;
    .canvas{
      border: 1px solid #ccc;
      width:100%;
      height: 100%;
      box-sizing: border-box;

      touch-action: none;
    }
  }
  .footer{
    display: flex;
    align-self: center;
    flex-shrink: 0;
    width: 100%;
    height: 200rpx;
    .btn-wrap{
      transform: rotate(90deg);
      width: 180rpx;
      height: 180rpx;
      .btn{
        width: 180rpx;
        font-size: 32rpx;
        text-align: center;
        height: 88rpx;
        line-height: 88rpx;
        border: 1px solid #e6e6e6;
        &.green{
          background: #24C373;
          color: #FFFFFF;
          border: none;
        }
      }
    }

  }
}
